<script setup>
import ItemList from './item-list.vue';
import ItemContainer from './item-container.vue';

const activeName = ref();
const handleTabClick = (paneName) => {
  activeName.value = paneName;
};
</script>

<template>
  <div class="wrapper">
    <item-list :activeName="activeName"></item-list>
    <item-container @tab-click="handleTabClick"></item-container>
  </div>
</template>

<style lang="scss" scoped>
.wrapper {
  display: flex;
  gap: 16px;
}
</style>
